<template>
  <view>
    <button @click="onLog()">console.log</button>
    <button @click="onDebug()">console.debug</button>
    <button @click="onInfo()">console.info</button>
    <button @click="onWarn()" type="warn">console.warn</button>
    <button @click="onError()" type="warn">console.error</button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      title: '打印日志'
    }
  },
  methods: {
    onLog() {
      // 常规写法
      console.log("onLog()-->" + this.title);
      // clog
      console.log("clog");
      // clogv
      console.log('this.title:', this.title);
    },
    // 补充缺失的onDebug方法
    onDebug() {
      console.debug("this is debug log");
    },
    // 补充缺失的onInfo方法
    onInfo() {
      console.info("this is info log");
    },
    onWarn() {
      const name = 'test';
      if (name === 'yxy') {
        console.log("登陆验证成功");
      } else {
        console.warn("this is warn log");
      }
    },
    onError() {
      console.error("this is error message");
      try {
      } catch (e) {
        console.error("catch: " + e);
      }
    }
  }
}
</script>

<style>
</style>